<script type="text/x-template" id="ai-rls-poster-list">
    <div class="ai-poster-list">
        <div
                class="card-item-wrapper"
                v-for="(row, index) in data"
                :key="index"
                @click="handleClickRow(index, row)"
        >
            <slot name="row" :row="row" :index="index"></slot>
        </div>
    </div>

</script>

<script>
    Vue.component('ai-rls-poster-list', {
        template: '#ai-rls-poster-list',
        props: {
            data: []
        },
        methods: {
            stopPropagation(event) {
                event.stopPropagation()
            },
            handleClickRow(index, row) {

            }
        },
        watch: {},
        mounted() {

        },
        created() {
        }
    })
</script>

<style>
    .ai-poster-list {
        margin-left: 20px;
        display: flex;
        flex-wrap: wrap;
    }

    .card-item-wrapper {
        position: relative;
        margin-top: 10px;
        margin-bottom: 10px;
    }
</style>